<template>
  <div>
    <!-- <el-input v-if="!disabled" :value="value" :placeholder="placeholder" :clearable="clearable" :size="size" @input="input" /> -->
    <el-date-picker
      v-if="!disabled"
      type="datetime"
      :value="value"
      :placeholder="placeholder"
      :clearable="clearable"
      :size="size"
      @input="input"
    />
    <div v-else>{{ value }}</div>
  </div>
</template>
<script>
export default {
  props: {
    value: [String],
    disabled: {
      type: Boolean,
      default: () => false
    },
    placeholder: {
      type: String,
      default: ''
    },
    clearable: {
      type: Boolean,
      default: false
    },
    size: {
      type: String,
      default: 'small'
    }
  },
  data() {
    return {

    }
  },
  methods: {
    input(e) {
      this.$emit('input', e.target.value)
    }
  }
}
</script>
